<!doctype html>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>售后订单</title>
    <link rel="stylesheet" href="{__CSS__}/bootstrap.min.css">
    <link rel="stylesheet" href="{__CSS__}/style.css">
    <link rel="stylesheet" href="{__CSS__}/iconfont.css">
    <link rel="stylesheet" href="/static/js/layui/css/layui.css">
    <link rel="stylesheet" href="{__CSS__}/user.css">
    <script src="{__JS__}/jquery.min.js"></script>
    <script src="{__JS__}/bootstrap.bundle.min.js"></script>
    <script src="{__JS__}/meanmenu.min.js"></script>
    <script src="/static/js/layui/layui.js"></script>
    <script src="{__JS__}/notify_stand.js"></script>
</head>
<body style="background: #f9f9f9;">
{include file="public/header_no_nav"}
<div class="user_container">
    <div style="color: #757575">
        <a href="/">首页</a> > 用户中心
    </div>
    <div class="user_content">
        {include file="public/user_menu"}
        <div class="content_detail">
            <div class="uc-box">
                <ul class="filter-list">
                    <li class="first active"  style="border-left: none">
                        <a href="javascript:void(0);" data-status="0" onclick="orderStatus(this)">全部订单</a>
                    </li>
                    <li class="">
                        <a href="javascript:void(0);" data-status="1" onclick="orderStatus(this)">申请中</a>
                    </li>
                    <li class="">
                        <a href="javascript:void(0);" data-status="2,3" onclick="orderStatus(this)">已退款</a>
                    </li>
                </ul>
                <div class="user_order_list" id="refund_order_list">

                </div>
                <div id="pages" style="float: right"></div>
            </div>
        </div>
    </div>
</div>
{include file="public/footer"}
<div class="go-top">
    <i class="iconfont icon-yooxi"></i>
    <i class="iconfont icon-yooxi"></i>
</div>

<script id="orderEmpty" type="text/html">
    <div style="margin: 200px auto;width: 100px;height: 100px;font-size: 20px;color: #ddd">
        <i class="layui-icon layui-icon-cart-simple" style="font-size: 30px;margin-left: 20px"></i><br/>
        暂无订单
    </div>
</script>

<script id="orderList" type="text/html">
    {{#  layui.each(d.data, function(index, item){ }}
    <li class="uc-order-item uc-order-item-finish">
        <div class="order-detail">
            <div class="order-summary">
                <div class="order-status">{{ item.status_txt }}</div>
            </div>
            <table class="order-detail-table">
                <thead>
                <tr>
                    <th class="col-main">
                        <p class="caption-info">
                            申请时间：{{ item.create_time }}
                            <span class="sep">|</span>
                            订单号：
                            <a>
                                {{ item.order_no }}
                            </a>
                        </p>
                    </th>
                    <th class="col-sub">
                        <p class="caption-price">
                            退款金额：
                            <span class="num">{{ item.refund_price }}</span>元
                        </p>
                    </th>
                </tr>
                </thead>
                <tbody>
                {{#  layui.each(item.goodsList, function(key, val){ }}
                <tr>
                    <td class="order-items">
                        <ul class="goods-list">
                            <li>
                                <div class="figure figure-thumb">
                                    <a href="/index/goods/{{ val.goods_id }}" target="_blank">
                                        <img src="{{ val.logo }}" width="80" height="80" alt="{{ val.goods_name }}">
                                    </a>
                                </div>
                                <div class="order_text">
                                    <p class="name" style="margin: 0">
                                        <a href="/index/goods/{{ val.goods_id }}" target="_blank" class="order_info">
                                            {{ val.goods_name }} {{# if (val.rule && val.rule != 0) { val.rule } }}
                                        </a>
                                    </p>
                                    <p class="price">
                                        {{ val.price }}元 × {{ val.cart_num }}
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </td>
                </tr>
                {{#  }); }}
                <tr style="border-top: 1px dashed #e0e0e0">
                    <td class="order-bar" colspan="2">
                        <a href="/index/refundDetail/{{ item.id }}" style="margin-left: 20px" class="btn-small btn-line-gray order-btn">
                            退款进度
                        </a>
                        {{# if (item.status == 1) { }}
                        <a href="javascript:void(0)" class="btn-small btn-line-gray btn-contract order-btn" style="margin-left: 20px" onclick="cancelRefund({{ item.id }})">
                            取消退款
                        </a>
                        {{# } }}
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </li>
    {{#  }); }}
</script>

<script src="{__JS__}/custom.js"></script>
<script src="{__JS__}/afterOrder.js"></script>
</body>
</html>